﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>美食</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=P6VrB5UEVvbu1wifaYtlMF2BDpgG13oX"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>
<body>
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <!-- 右侧滑动菜单栏开始 -->
    <div class="panel panel-right panel-reveal layout-dark">
        <div class="view view-right">
            <div class="navbar theme-white">
                <div class="navbar-inner">
                    <div class="right">
                        <a href="#" class="close-panel">确定</a></div>
                </div>
            </div>
            <div class="pages navbar-through">
                <div data-page="panel-right" class="page">
                    <div class="page-content">
                        <div id="category_list" class="list-block">
                            <ul>
                                <li id="sel_region"><a href="#" class="item-link">
                                    <div class="item-content">
                                        <div class="item-media">
                                            <i class="icon icon-category"></i>
                                        </div>
                                        <div class="item-inner">
                                            <div class="item-title">
                                                所在区域</div>
                                            <input type="text" value="不限" id="sel_region_value" />
                                        </div>
                                    </div>
                                </a></li>
                                <li id="sel_restaurant_type" class="hide"><a href="#" class="item-link item-content">
                                    <div class="item-media">
                                        <i class="icon icon-category"></i>
                                    </div>
                                    <div class="item-inner">
                                        <div class="item-title">
                                            餐厅类型</div>
                                        <input type="text" value="不限" id="sel_restaurant_type_value" />
                                    </div>
                                </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 右侧滑动菜单栏结束 -->
    <div class="views">
        <div class="view view-main">
            <div class="pages navbar-fixed">
                <div id="food_page" data-page="food" class="page info-list">
                    <!-- navbar -->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div class="left">
                                <a href="#" data-href="../home/index_new.html" data-action="home" data-panel="left" class="link icon-only">
                                    <i class="iconfont icon-shouye"></i></a>
                            </div>
                            <div class="center">
                                <div id="buttons-tabs" class="buttons-tabs buttons-row">
                                    <a href="#food_tab1" class="tab-link button active">非吃不可</a> <a id="a_food_tab2"
                                        href="#food_tab2" class="tab-link button">全部美食</a>
                                </div>
                            </div>
                            <div class="right">
                                <!--<a href="#" data-panel="right" class="link open-panel icon-only" >
                                    <img src="../../assets/images/base/ico-filter.png" width="24" style="margin: 10px;" /></a>-->
                            </div>
                        </div>
                    </div>
                     <div class="searchbar" style="display:none">
                        <div class="searchbar-input">
                            <form action="" style="height:28px;">
                                <input type="search" placeholder="请输入名称">
                                <a href="#" class="searchbar-clear"></a>
                            </form>
                        </div>
                    </div>
                    <!-- tabs控制面板 -->
                    <div id="sub_buttons_row" class="sub_buttons_row buttons-row" style="display:none">
                        <!-- 关联到第四个tab -->
                        <a href="#sub_tab1" class="tab-link button active">最新</a>
                        <!-- 关联到第一个tab, 默认激活 -->
                        <a href="#sub_tab2" class="tab-link button">综合</a>
                        <!-- 关联到第二个tab -->
                        <a href="#sub_tab3" class="tab-link button">热度</a>
                        <!-- 关联到第三个tab -->
                        <a href="#sub_tab4" class="tab-link button">价格</a>
                    </div>
                    <!-- content -->
                    <div class="page-content infinite-scroll" style="padding-top:44px;">
                        <div class="tabs">
                            <div id="food_tab1" class="tab active">
                                <div class="content-block tab-content-block">
                                    <script id="template-food-tab1" type="text/template7">
                                    {{#each value}}
                                    {{#js_compare "this.MobileOutUrl === '' || this.MobileOutUrl === null "}}
                                        <div class="card">
                                            <a href='#' data-href='{{#js_compare "this.TableName==='WEB_BASE_FOOD'"}}foodDetail.html?scode={{WEB_BASE_FOOD_Code}}{{else}}foodDetail02.html?scode={{WEB_BASE_LOCALPRODUCT_Code}}{{/js_compare }}' data-action="fw7" class="item-link item-content">
                                                <div style="background-image:url({{F_SmallImage}});" valign="bottom" class="card-header color-white no-border">
                                                    <span>{{Head}}</span><div class="shadow"></div>
                                                </div>
                                            {{#js_compare "this.Describes === '' || this.Describes === null "}}
                                            {{else}}
                                            <div class="card-content">
                                                <div class="card-content-inner">
                                                    <p>{{Describes}}</p>
                                                </div>
                                            </div>
                                            {{/js_compare}}

                                            </a>
                                        </div>
                                    {{else}}
                                        <div class="card">
                                            <a href='#' data-href='../common/thirdUrl.html?url={{MobileOutUrl}}' class="item-link item-content">
                                                <div style="background-image:url({{F_SmallImage}});" valign="bottom" class="card-header color-white no-border">
                                                    <span>{{Head}}</span><div class="shadow"></div>
                                                </div>
                                                {{#js_compare "this.Describes === '' || this.Describes === null "}}
                                                {{else}}
                                                <div class="card-content">
                                                    <div class="card-content-inner">
                                                        <p>{{Describes}}</p>
                                                    </div>
                                                </div>
                                                {{/js_compare}}

                                            </a>
                                        </div>
                                    {{/js_compare}}
                                    {{/each}}
                                    </script>
                                    <div style="margin:30% 30% 0 45%">
                                        <span style="width:42px; height:42px" class="preloader"></span>
                                        <br />
                                        加载中...
                                    </div>
                                </div>
                            </div>
                            <!-- Tab结束 -->
                            <div id="food_tab2" class="searchtab tab toolbar tabbar">
                                <div class="content-block tab-content-block toolbar-inner">
                                    <!-- Search bar -->
                                   
                                </div>
                                <!-- Tabs, 标签内容区容器 -->
                                <div class="tabs sub_tabs">
                                    <!-- Tab 1, 默认激活 -->
                                    <div id="sub_tab1" class="tab active">
                                        <div class="page-content">
                                            <div class="content-block sub-content-block">
                                                <!--列表开始 -->
                                                <div class="list-block media-list sub-list-block">
                                                    <ul>
                                                    </ul>
                                                </div>
                                                <!-- 列表结束 -->
                                                <!-- 无限加载提示符 -->
                                                <div class="infinite-scroll-preloader1 t-c">
                                                    <div class="preloader">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Tab 2 -->
                                    <div id="sub_tab2" class="tab">
                                        <div class="page-content">
                                            <div class="content-block sub-content-block">
                                                <!--列表开始 -->
                                                <div class="list-block media-list sub-list-block">
                                                    <ul>
                                                    </ul>
                                                </div>
                                                <!-- 列表结束 -->
                                                <!-- 无限加载提示符 -->
                                                <div class="infinite-scroll-preloader2 t-c">
                                                    <div class="preloader">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Tab 3 -->
                                    <div id="sub_tab3" class="tab">
                                        <div class="page-content">
                                            <div class="content-block sub-content-block">
                                                <!--列表开始 -->
                                                <div class="list-block media-list sub-list-block">
                                                    <ul>
                                                    </ul>
                                                </div>
                                                <!-- 列表结束 -->
                                                <!-- 无限加载提示符 -->
                                                <div class="infinite-scroll-preloader3 t-c">
                                                    <div class="preloader">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Tab 4 -->
                                    <div id="sub_tab4" class="tab">
                                        <div class="page-content">
                                            <div class="content-block sub-content-block">
                                                <!--列表开始 -->
                                                <div class="list-block media-list sub-list-block">
                                                    <ul>
                                                    </ul>
                                                </div>
                                                <!-- 列表结束 -->
                                                <!-- 无限加载提示符 -->
                                                <div class="infinite-scroll-preloader4 t-c">
                                                    <div class="preloader">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <script id="template-food-tab2" type="text/template7">
                                        {{#each results}}
                                            <li>
                                            {{#js_compare "this.mobileOutUrl === '' || this.mobileOutUrl === null "}}
                                                <a href='#' data-href="restaurantDetail.html?scode={{code}}" data-action="fw7" class="item-link item-content">
                                                    <div class="item-media" style="background-image:url('{{getImage.smallImageFrontUrl}}');" class="lazy lazy-fadeIn"></div>
                                                    <div class="item-inner">
                                                        <div class="item-title-row">
                                                            <div class="item-title">{{cnName}}</div>
                                                        </div>
                                                        <div class="item-subtitle">
                                                            <div class="f-l">有{{#js_compare "this.getLikeCount === null"}}0{{else}}{{getLikeCount.likeCount}}{{/js_compare}}人喜欢</div>   
                                                        </div>
                                                        <div class="item-subtitle">
                                                            {{#js_compare "this.getUserComment.avgScore === 0"}}<div class="f-l">暂无评分</div>{{else}}<div class="f-l">{{getUserComment.avgScore}}分</div>{{/js_compare}} 
                                                            
                                                        </div>
                                                        <div class="item-subtitle">
                                                            <div>{{address}}</div>   
                                                        </div>
                                                    </div>
                                                </a>
                                            {{else}}
                                                <a href='#' data-href="../common/thirdUrl.html?url={{mobileOutUrl}}" class="item-link item-content">
                                                    <div class="item-media" style="background-image:url('{{getImage.smallImageFrontUrl}}');" class="lazy lazy-fadeIn"></div>
                                                    <div class="item-inner">
                                                        <div class="item-title-row">
                                                            <div class="item-title">{{cnName}}</div>
                                                        </div>
                                                        <div class="item-subtitle">
                                                            <div class="f-l">有{{#js_compare "this.getLikeCount === null"}}0{{else}}{{getLikeCount.likeCount}}{{/js_compare}}人喜欢</div>   
                                                        </div>
                                                        <div class="item-subtitle">
                                                            {{#js_compare "this.getUserComment.avgScore === 0"}}<div class="f-l">暂无评分</div>{{else}}<div class="f-l">{{getUserComment.avgScore}}分</div>{{/js_compare}} 
                                                            
                                                        </div>
                                                        <div class="item-subtitle">
                                                            <div>{{address}}</div>   
                                                        </div>
                                                    </div>
                                                </a>
                                            {{/js_compare}}
                                            </li>
                                        {{/each}}
                                    </script>
                                </div>
                                <!-- end Tabs -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page-->
        </div>
        <!-- end pages-->
    </div> 
    <!-- end view-main-->
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_jquery.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/jquery.sliderPro.min.js"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/base/iss_api_md5.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/map/MapIframe/IframeForGoto.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_elements_food.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_image_list.js?time=20171213174312"></script>
</body>
</html>
